<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>图片新闻轮播演示</title>
    <link rel="stylesheet" href="../css/normalize.css">
    <link rel="stylesheet" href="js_four.css">
</head>
<body>
<div class="news_pic">
    <ul>
        <li class="first"><a href="#" title="校领导深入信息学院开展“双体验日”" data-image="1.jpg" data-url="http://www.jju.edu.cn" onclick="clickShowPic(this);return false;">1</a></li>
        <li><a href="#" title="信息学院召开网络安全教育大会" data-image="2.jpg" data-url="http://www.qq.com" onclick="clickShowPic(this);return false;">2</a></li>
        <li><a href="#" title="人才培养显风采，校企合作展新篇" data-image="3.jpg" data-url="http://www.jd.com" onclick="clickShowPic(this);return false;">3</a></li>
        <li><a href="#" title="信息学院举办助理辅导员选拔" data-image="4.jpg" data-url="http://www.taobao.com" onclick="clickShowPic(this);return false;">4</a></li>
    </ul>
    <div>
        <img id = "placeholder" src="" alt="新闻图片">
        <p><a id="description" href="">新闻标题</a></p>
    </div>
</div>

<script src="js_four.js"></script>
</body>
</html>